//  APP COLOR
// 主背景色
@color-main-background: #f5f5f5;
// 主颜色
@color-main-color: #333;
// 编辑表单默认字体颜色
@from-main-color: #969696;
// 编辑表单默认背景颜色
@from-main-background: #fcfcfc;


@color-primary: #3880ff;
@color-primary-rgb: 56, 128, 255;
@color-primary-contrast: #ffffff;
@color-primary-contrast-rgb: 255, 255, 255;
@color-primary-shade: #3171e0;
@color-primary-tint: #4c8dff;

@color-secondary: #0cd1e8;
@color-secondary-rgb: 12, 209, 232;
@color-secondary-contrast: #ffffff;
@color-secondary-contrast-rgb: 255, 255, 255;
@color-secondary-shade: #0bb8cc;
@color-secondary-tint: #24d6ea;

@color-tertiary: #7044ff;
@color-tertiary-rgb: 112, 68, 255;
@color-tertiary-contrast: #ffffff;
@color-tertiary-contrast-rgb: 255, 255, 255;
@color-tertiary-shade: #633ce0;
@color-tertiary-tint: #7e57ff;

@color-success: #10dc60;
@color-success-rgb: 16, 220, 96;
@color-success-contrast: #ffffff;
@color-success-contrast-rgb: 255, 255, 255;
@color-success-shade: #0ec254;
@color-success-tint: #28e070;

@color-warning: #ffce00;
@color-warning-rgb: 255, 206, 0;
@color-warning-contrast: #ffffff;
@color-warning-contrast-rgb: 255, 255, 255;
@color-warning-shade: #e0b500;
@color-warning-tint: #ffd31a;

@color-danger: #f04141;
@color-danger-rgb: 245, 61, 61;
@color-danger-contrast: #ffffff;
@color-danger-contrast-rgb: 255, 255, 255;
@color-danger-shade: #d33939;
@color-danger-tint: #f25454;

@color-dark: #222428;
@color-dark-rgb: 34, 34, 34;
@color-dark-contrast: #ffffff;
@color-dark-contrast-rgb: 255, 255, 255;
@color-dark-shade: #1e2023;
@color-dark-tint: #383a3e;

@color-medium: #989aa2;
@color-medium-rgb: 152, 154, 162;
@color-medium-contrast: #ffffff;
@color-medium-contrast-rgb: 255, 255, 255;
@color-medium-shade: #86888f;
@color-medium-tint: #a2a4ab;

@color-light: #f4f5f8;
@color-light-rgb: 244, 244, 244;
@color-light-contrast: #000000;
@color-light-contrast-rgb: 0, 0, 0;
@color-light-shade: #d7d8da;
@color-light-tint: #f5f6f9;

// Padding
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-lg: @padding-base * 6;
@padding-xl: @padding-base * 8;

// Margin
@margin-base: 4px;
@margin-xs: @padding-base * 2;
@margin-sm: @padding-base * 3;
@margin-md: @padding-base * 4;
@margin-lg: @padding-base * 6;
@margin-xl: @padding-base * 8;

// Font
@font-size-xs: 10px;
@font-size-sm: 12px;
@font-size-md: 14px;
@font-size-lg: 16px;
@font-weight-bold: 500;
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
  sans-serif;

//Border
@border-radius: 4px;
@border-radius-round: 50%;

//  CONTROL
@control-title-font-size: @font-size-md;
@control-title-font-weiht: @font-weight-bold + 100;

// TOOLBAL
@toolbar-group-border-radius: @border-radius;
@toolbar-toptoolbar-offset-y: 36px;
@toolbar-toptoolbar-offset-x: 1rem;
@toolbar-toptoolbar-color: @color-tertiary-contrast;

@toolbar-bottomtoolbar-offset-x: 1rem;
@toolbar-bottomtoolbar-offset-y: 1rem;
@toolbar-bottomtoolbar-height: 48px;

@toolbar-bottomtoolbar-group-offset-x: 1rem;
@toolbar-bottomtoolbar-group-offset-y: 4.5rem;
@toolbar-bottomtoolbar-item-color: #c7c0c0;
@toolbar-bottomtoolbar-item-fontSize: 13px;

//NAV-BAR
@nav-bar-backgroud: #26a2ff;
@nav-bar-color: @color-tertiary-contrast;
@nav-bar-fontSize: @font-size-md;
@nav-bar-height: 36px;

//STARTVIEW
@startview-launch-message-fontSize: @font-size-xs * 5;
@startview-launch-message-color: @color-tertiary-contrast;
@startview-launch-message-lineHeight: 54px;
@startview-launch-message-offset-y: 24%;
@startview-launch-message-offset-x: 44%;
@startview-launch-message-width: 50px;

@startview-btn-offset-y: 82%;
@startview-btn-offset-x: 5%;
